<%@ tag language="java" pageEncoding="UTF-8" body-content="empty" trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="u" uri="/iuie-tag"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ attribute name="id" type="java.lang.String" required='true'	description="datatable的id"%>
<%@ attribute name="ajax" type="java.lang.String" required='true' description="请求datatable数据的ajax"%>
<%@ attribute name="pagination" type="java.lang.String" description="datatable的分页组件"%>
<%@ attribute name="sortable" type="java.lang.Boolean" description="是否启用排序，默认为false"%>
<%@ attribute name="checkable" type="java.lang.Boolean" description="是否启用复选框，默认为false"%>
<%@ attribute name="multiple" type="java.lang.Boolean" description="是否启用多选，在checkable为true时设置有效，默认为false"%>
<%@	attribute name="automatic" type="java.lang.Boolean" description="是否主动请求ajax，获取数据，默认为true"%>
<%@ attribute name="dataset" type="java.lang.String" required="true" description="指定表格的列定义，cols标签的id" %>
<%@ attribute name="cutLine" type="java.lang.Boolean" description="true时表格中文本过长则显示XXX...形式,默认false" %>
<%@ attribute name="tip" type="java.lang.Boolean" description="是否开启鼠标悬停提示，需先设置cutLine='true'，true(默认)|false" %>
<%@ attribute name="afterReady" type="java.lang.String" description="绑定ready事件，ready事件在渲染完毕后调用，可以在此事件中为DOM绑定其他事件，afterReady(data)"%>
<%@ attribute name="afterSort" type="java.lang.String" description="绑定afterSort事件：afterSort(key, sortState)，afterSort事件在排序结束后调用"%>
<%@ attribute name="onChecksChanged" type="java.lang.String" description="绑定onChecksChanged事件：onChecksChanged(checkItems,checkAll,currentItem)，afterChecksChanged事件在选中状态发生改变时触发，需checkable开启"%>
<%@ attribute name="onRenderItem" type="java.lang.String" description="渲染数据时的事件，要求返回一个字符串作为这一数据的html代码，也可以是一个文本数据(用于插入&lt;td&gt;标签中)：onRenderItem(colName,text,indexStr,mItem,rowNumber)"%>
<%@ attribute name="onDoubleClick" type="java.lang.String" description="绑定数据表格行双击事件,onDoubleClick(index,item)" %>
<%@ attribute name="onItemClick" type="java.lang.String" description="绑定表格行单击事件，onItemClick(index,item)"%>
<c:set var="datatableId" value="${u:uuid() }"></c:set>
<div id='${id}' data-datatable='${datatableId}' class='datatable-wrapper'></div>

<script type="text/javascript">
(function(){
	TagSupport.datatable({
		'id':"${id}",	                           'ajax':"${ajax}",               'pagination':"${pagination}",              'sortable':"${sortable}",
		'checkable':"${checkable}",                'automatic':"${automatic}",     'dataset':"${dataset}",                    'multiple':'${multiple}',
		'cutLine':"${cutLine}",                    'tip':"${tip}",                 'afterReady':"${afterReady}",              'datatableId':"${datatableId}",
		'afterSort':"${afterSort}",                'onChecksChanged':"${onChecksChanged}",    'onRenderItem':"${onRenderItem}",
		'onDoubleClick':"${onDoubleClick}",        'onItemClick':"${onItemClick}"
	});
})();
</script>
